<title>滑块</title>

<div class="content-header row">
    <div class="content-header-left col-md-8 col-12 mb-2 breadcrumb-new">
        <h3 class="content-header-title mb-0 d-inline-block">滑块</h3>
        <div class="row breadcrumbs-top d-inline-block">
            <div class="breadcrumb-wrapper mr-1">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="/dashboard" class="menu-router">首页</a></li>
                    <li class="breadcrumb-item"><a href="javascript:;">组件</a></li>
                    <li class="breadcrumb-item active">滑块</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="content-body">
    <section class="basic-inputs">
        <div class="row match-height">

            <div class="col-xl-12 col-lg-12 col-md-12">
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">滑块</h4>
                    </div>
                    <div class="card-body">
                        <form class="form form-horizontal">
                            <div class="form-body">
                                <h4 class="form-section"> <i class="ft-flag"></i> 基本使用</h4>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="switchery">滑块</label>
                                    <div class="col-md-9">
                                        <span class="lucky-switchery lucky-switchery-large lucky-onswitch" style="">
                                            <em>OFF</em>
                                            <small></small>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="switchery">滑块</label>
                                    <div class="col-md-9">
                                        <span class="lucky-switchery lucky-onswitch">
                                            <em>OFF</em>
                                            <small></small>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="switchery">滑块</label>
                                    <div class="col-md-9">
                                        <span class="lucky-switchery lucky-switchery-small lucky-onswitch">
                                            <em>OFF</em>
                                            <small></small>
                                        </span>
                                    </div>
                                </div>
                                <div class="form-group row">
                                    <label class="col-md-3 label-control" for="switchery">滑块</label>
                                    <div class="col-md-9">
                                        <span class="lucky-switchery lucky-switchery-xsmall lucky-onswitch">
                                            <em>OFF</em>
                                            <small></small>
                                        </span>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<script type="text/javascript">
    lucky.require('form',function(){
    });
</script>